<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../img/asset-favico.ico">
    <title>传智健康</title>
    <link rel="stylesheet" href="../css/page-health-index.css"/>
    <link rel="stylesheet" href="../css/page-health-login.css"/>
    <link rel="stylesheet" href="../plugins/elementui/index.css"/>
    <script src="../plugins/jquery/dist/jquery.min.js"></script>
    <script src="../plugins/healthmobile.js"></script>
    <script src="../plugins/vue/vue.js"></script>
    <script src="../plugins/vue/axios-0.18.0.js"></script>
    <script src="../plugins/elementui/index.js"></script>
    <style type="text/css">
        .date {
            margin-bottom: 15px;
            width: 150px;
        }

        #inquiryBtn {
            width: 75px;
            height: 28px;
            border-radius: 5px;
        }
        .ddd{
            width: 100%;
            height: 115px;
            background-color: white;
            border-radius: 20px;
            margin-bottom: 8px;
        }
    </style>
</head>
<body data-spy="scroll" data-target="#myNavbar" data-offset="150">
<div class="app" id="app">
    <!-- 页面头部 -->
    <div class="top-header">
        <span class="f-left"><i class="icon-back" onclick="history.go(-1)"></i></span>
        <span class="center">传智健康</span>
        <span class="f-right"><i class="icon-more"></i></span>
    </div>
    <div style="width:100%;height: 90px">
        <div style="margin-left:10%;margin-top: 20px">
            开始日期：<input type="date" v-model="startDate" name="user_date" class="date"/><br/>
            结束日期：<input type="date" v-model="endDate" name="user_date" class="date"/>&nbsp;&#12288;<button
                id="inquiryBtn" name="查询" @click="queryAppointmentRecord()">查询
        </button>
        </div>
    </div>

    <!-- 页面内容 -->
    <div class="contentBox">

            <ul style="width: 100%;" v-for="record in dataList">
                <div class="ddd">
                <li style="width: 100%">
                    <a :href="'/pages_login/appointment_record_detail.html?id='+record.orderId">
                        <div style="width:100%;">
                            <div style="height:20px;width:20%;float: left;margin-right: 2%;">
                            <img :src="'http://qgmnm7fk7.hd-bkt.clouddn.com/'+record.img" alt="" height="115" width="85" style="border-radius: 20px;">
                            </div>
                            <div style="width:78%;float: left;padding-top: 10px">
                                <h3><b>体检人：{{record.memberName}}</b></h3>
                                <h3>预约套餐：{{record.setmealName}}</h3>
                                <P>点击查看预约详情</P>
                            </div>
                        </div>
                    </a>
                </li>
                </div>
            </ul>
    </div>
</div>
</body>
<script>         var vue = new Vue({             el: '#app',             data: {                 startDate: '',                 endDate: '',                 dataList: [],             },             methods: {                 queryAppointmentRecord() {                     axios.get("/order/queryAppointmentRecord.do?startDate=" + this.startDate + "&endDate=" + this.endDate).then(resp => {                         if (resp.data.flag) {                             this.dataList = resp.data.data;                         }                     }).catch(error => {                         console.log(error);                     })                 }             },             mounted() {                 this.queryAppointmentRecord();             },         })     </script>
</html>